﻿/* detailed description under the name of each sub example */
.detail 
{
    font-size: 9pt;
    margin-top: 6px;
}

/* two column layout of all the scenarios */
.twoColumnGridContainer-ControlList 
{
    display: -ms-grid;
    -ms-grid-columns: 300px auto;    
}

/*save space when the creen has less width, e.g. in portrait orientation or snapped view */
@media screen and (max-width: 800px) 
{
    .twoColumnGridContainer-ControlList
    {
        -ms-grid-columns: 200px auto;
    }
}

.twoColumnGridContainer-ControlList > div
{
    margin: 10px 0px 20px 30px;
}

.noWrap
{
    min-width: 400px; /* avoid wrapping into multiple lines when the width is small, make it horizontally scrollable instead. */
}


.formSectionHeading 
{
	font-family:"Segoe UI Light";
	line-height:32px;
	font-size:20pt;
    margin:38px 0px 29px 0px;
}

.formSection
{
    margin: 7px;
    padding: 7px;
    border:1px solid;
    width:90%;
}